.g_cp_main_view {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  background-image: url(../../assets/img/bg.jpg);
  background-size: 100% 100%
}

.g_cp_main_view .g_cp_blackboard {
  box-shadow: 3px 3px 10px 1px #00000011;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 40%;
  background: white;
  touch-action: none;
  outline: none;
}

.g_cp_main_view .g_cp_content_zone {
  position: relative;
  flex: 1;
  overflow: hidden;
}

.g_cp_main_view .g_cp_content_bottom_row {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  align-items: center;
  justify-content: center;
  bottom: 32px;
  display: grid;
  grid-template-columns: 48px 48px 48px 48px 48px 48px;
  grid-template-rows: 48px 48px;
  gap: 10px;
}

.g_cp_main_view .g_cp_content_bottom_row button {
  padding: 5px;
}
.g_cp_main_view .g_cp_content_bottom_row button:first-child {
  margin-left: 0px;
}